<template>
    <div class="Ranking">
        <!-- 排行页面 -->
        <!-- 头部 -->
        <topitem :num="num" @loginmethod="loginmethod"></topitem>
        <!-- 内容 -->
        <div class="container boss">
            <div class="b-top">
                <span>当前位置</span> : 
                <a href="">看漫画 </a>> 
                <a href="">漫画阅读榜 </a>
            </div>
            <div class="paddings">
                <img src="../assets/img/header-line-bg.png" alt="">
                <div class="b-middle">
                    <ul class="clearfix">
                        <li class="con"><a href="">阅读榜</a></li>
                        <li class=""><a href="">推荐榜</a></li>
                        <li class=""><a href="">打赏榜</a></li>
                        <li class=""><a href="">收藏榜</a></li>
                        <li class=""><a href="">月票榜</a></li>
                        <li class=""><a href="">评分榜</a></li>
                    </ul>
                </div>
                <div class="b-bottom">
                <ul class="clearfix">
                    <li class="con">
                        剧情
                    </li>
                    <li class="">
                        地区
                    </li>
                    <li class="">
                        进度
                    </li>
                    <li class="">
                        色彩
                    </li>
                    <li class="">
                        杂志
                    </li>
                    <li class="">
                        专题
                    </li>
                </ul>
                </div>
            </div>
            <div class="details-box clearfix">
                <div class="details-item">
                    <h3><a href="">热血</a></h3>
                    <ul>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                            <div class="item-img">
                                <a href="" class="a-img">
                                    <img src="../assets/img/ph01.webp" alt="">
                                </a>
                                <div class="writer">
                                    <h4>作者<span> 飞花工作室</span></h4>
                                    <div>
                                        <a href="">热血</a>
                                        <a href="">搞笑</a>
                                        <a href="">都市</a>
                                    </div>
                                    <p>【每周三、五、六更新】叶凡机缘巧合下成为了阎罗王，获得可升级的神秘地府系统，随着光怪陆离百态丛生的离</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="details-item">
                    <h3><a href="">热血</a></h3>
                    <ul>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                            <div class="item-img">
                                <a href="" class="a-img">
                                    <img src="../assets/img/ph01.webp" alt="">
                                </a>
                                <div class="writer">
                                    <h4>作者<span> 飞花工作室</span></h4>
                                    <div>
                                        <a href="">热血</a>
                                        <a href="">搞笑</a>
                                        <a href="">都市</a>
                                    </div>
                                    <p>【每周三、五、六更新】叶凡机缘巧合下成为了阎罗王，获得可升级的神秘地府系统，随着光怪陆离百态丛生的离</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="details-item">
                    <h3><a href="">热血</a></h3>
                    <ul>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                            <div class="item-img">
                                <a href="" class="a-img">
                                    <img src="../assets/img/ph01.webp" alt="">
                                </a>
                                <div class="writer">
                                    <h4>作者<span> 飞花工作室</span></h4>
                                    <div>
                                        <a href="">热血</a>
                                        <a href="">搞笑</a>
                                        <a href="">都市</a>
                                    </div>
                                    <p>【每周三、五、六更新】叶凡机缘巧合下成为了阎罗王，获得可升级的神秘地府系统，随着光怪陆离百态丛生的离</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="details-item">
                    <h3><a href="">热血</a></h3>
                    <ul>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                            <div class="item-img">
                                <a href="" class="a-img">
                                    <img src="../assets/img/ph01.webp" alt="">
                                </a>
                                <div class="writer">
                                    <h4>作者<span> 飞花工作室</span></h4>
                                    <div>
                                        <a href="">热血</a>
                                        <a href="">搞笑</a>
                                        <a href="">都市</a>
                                    </div>
                                    <p>【每周三、五、六更新】叶凡机缘巧合下成为了阎罗王，获得可升级的神秘地府系统，随着光怪陆离百态丛生的离</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="details-item">
                    <h3><a href="">热血</a></h3>
                    <ul>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                            <div class="item-img">
                                <a href="" class="a-img">
                                    <img src="../assets/img/ph01.webp" alt="">
                                </a>
                                <div class="writer">
                                    <h4>作者<span> 飞花工作室</span></h4>
                                    <div>
                                        <a href="">热血</a>
                                        <a href="">搞笑</a>
                                        <a href="">都市</a>
                                    </div>
                                    <p>【每周三、五、六更新】叶凡机缘巧合下成为了阎罗王，获得可升级的神秘地府系统，随着光怪陆离百态丛生的离</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="details-item">
                    <h3><a href="">热血</a></h3>
                    <ul>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                            <div class="item-img">
                                <a href="" class="a-img">
                                    <img src="../assets/img/ph01.webp" alt="">
                                </a>
                                <div class="writer">
                                    <h4>作者<span> 飞花工作室</span></h4>
                                    <div>
                                        <a href="">热血</a>
                                        <a href="">搞笑</a>
                                        <a href="">都市</a>
                                    </div>
                                    <p>【每周三、五、六更新】叶凡机缘巧合下成为了阎罗王，获得可升级的神秘地府系统，随着光怪陆离百态丛生的离</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="details-item">
                    <h3><a href="">热血</a></h3>
                    <ul>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                            <div class="item-img">
                                <a href="" class="a-img">
                                    <img src="../assets/img/ph01.webp" alt="">
                                </a>
                                <div class="writer">
                                    <h4>作者<span> 飞花工作室</span></h4>
                                    <div>
                                        <a href="">热血</a>
                                        <a href="">搞笑</a>
                                        <a href="">都市</a>
                                    </div>
                                    <p>【每周三、五、六更新】叶凡机缘巧合下成为了阎罗王，获得可升级的神秘地府系统，随着光怪陆离百态丛生的离</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="details-item">
                    <h3><a href="">热血</a></h3>
                    <ul>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                            <div class="item-img">
                                <a href="" class="a-img">
                                    <img src="../assets/img/ph01.webp" alt="">
                                </a>
                                <div class="writer">
                                    <h4>作者<span> 飞花工作室</span></h4>
                                    <div>
                                        <a href="">热血</a>
                                        <a href="">搞笑</a>
                                        <a href="">都市</a>
                                    </div>
                                    <p>【每周三、五、六更新】叶凡机缘巧合下成为了阎罗王，获得可升级的神秘地府系统，随着光怪陆离百态丛生的离</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="item-title">
                                <em>1</em>
                                <a href="">地府我开的</a>
                                <p>
                                    <span>154亿</span>
                                    <i class="ift-yuedu"></i>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <!-- 底部组件 -->
        <bigcat></bigcat>
        <!-- 固定 -->
        <div class="cat-fixed">
            <div class="cat-top"></div>
            <div class="qrcode"><i class="ift-qr-code"></i></div>
            <div class="go-top"><i class="ift-more-top"></i></div>
        </div>
        <!-- 登录组件 -->
        <loginitem v-show="loginstate" @loginmethod="loginmethod"></loginitem>
    </div>
</template>

<script>
import topitem from "../components/TopAssembly.vue" ;
import bigcat from "../components/BottomAssembly.vue" ;
import loginitem from "../components/LoginAssembly.vue" ;
    export default {
        data() {
            return {
                num: 2,
                loginstate:false,// 登录组件
            };
        },
        methods:{
            // 登录组件
            loginmethod(){
                this.loginstate = !this.loginstate;
            }
        },
        created(){
            window.scrollTo(0,0)
        },
        components:{
            topitem,
            bigcat,
            loginitem
        }
    }
</script>

<style lang="scss" scoped>
@import "../assets/css/Ranking.css";
</style>